<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <link href="/module/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="/module/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
  <link href="/module/bootstrap/css/bootstrap-datetimepicker.css" rel="stylesheet">
  <link href="/css/popup.css" rel="stylesheet">
</head>

<body>

  <!-- 顶部logo -->
  <div class="banner-box">
    <img src="/images/logo.png" />
    <span class="pull-right wall-message-total wallMessageTotal" style="display:none;">
      <a class="btn btn-mini btn-success showScreenUrlBtn" href="javascript:void(0);">看大屏幕</a>
      <a class="btn btn-mini btn-success showMessageUrlBtn" href="javascript:void(0);">审核消息</a>
      <a class="btn btn-mini btn-success autoWallBtn" href="javascript:void(0);" style="display:none;">开启自动上墙</a>
      <a class="btn btn-mini btn-success settingBtn" href="javascript:void(0);" style="display:none;">设置</a>
      <a class="btn btn-mini btn-danger logoutBtn" href="javascript:void(0);" style="color:white;">切换账号</a>
      <br />
      <span class="company-list companyList">当前大屏幕：<select id="companyListSel"></select></span>
      <br/>
      <span class="userInfo user-info pull-right" style="display:none;">绑定的公众账号为：<em></em>&nbsp;</span>
    </span>
  </div>


<!-- 插件提示信息浮层 会遮住整个插件-->
<div class="hero-unit versionTip" style="display:none;margin-top: 45px;background:#fff;"></div>

  <div class="container">

    <!-- 警告信息显示框 -->
    <div class="alert alert-block alert-box msgBox closeBox" style="display:none;">
      <button type="button" class="close">&times;</button>
      <strong>提示：</strong>
      <span class="errorMsg"></span>
    </div>

    <!-- 进度加载框 -->
    <div class="loading-box loadingBox"><img src="/images/loading-small-white.gif" /></div>

    <!-- 登录框 -->
    <div class="login-box loginBox" style="display:none;">
      <form class="form-signin" id="loginForm">
        <h4 class="form-signin-heading">请用微信大屏幕账号登录</h4>
        <input id="userName" type="text" class="input-block-level" placeholder="用户名" required>
        <input id="password" type="password" class="input-block-level" placeholder="密码" required>
        <label class="checkbox">
          <input type="checkbox" name="remember_account" checked="checked"> 记住帐号
        </label>
        <button class="btn btn-primary" type="submit">登录</button>
        <a class="btn btn-danger" href="javascript:void(0);" id="qqloginSubmitBtn">使用QQ账号登录</a>
        <a class="btn btn-link registerBtn" href="javascript:void(0);">注册</a>
      </form>
    </div>

    <!-- 设置框 -->
    <div class="well settingBox search-box setting-box" style="display:none;">
      <div class="setting-unit">
        <legend class="autoWallLabel">自动上墙选项</legend>

        <label id="htmlCount" style="display:none;">每次获取消息数量：<em class="btn btn-mini btn-success active disabled"></em> 条
          <a class="resetBtn" href="javascript:void(0);" style="display:none;">重置</a>
          <small style="display:none;">已重置，保存后生效</small>
        </label>
        <label id="htmlTime" style="display:none;">每次获取消息间隔：<em class="btn btn-mini btn-success active disabled"></em> 秒
          <a class="resetBtn" href="javascript:void(0);" style="display:none;">重置</a>
          <small style="display:none;">已重置，保存后生效</small>
        </label>
        <label id="wallTime" style="display:none;">消息上墙时间间隔：<em class="btn btn-mini btn-success active disabled"></em> 秒
          <a class="resetBtn" href="javascript:void(0);" style="display:none;">重置</a>
          <small style="display:none;">已重置，保存后生效</small>
        </label>
        <label id="forbidWordsTip">系统默认敏感词库：<span class="btn btn-mini btn-success active disabled">已开启</span></label>

        <label id="autoWallStartTime">自动上墙起始时间：<span class="btn btn-mini btn-inverse active disabled labelStatus">未设置</span>
          <input type="text" style="display:none;width:150px;cursor:pointer;" class="datetimepicker" readonly/>
          <a href="javascript:void(0);" class="btn btn-mini btn-danger setBtn">设置</a>
          <em style="display:none;">点击左下角保存按钮后生效</em>
        </label>

        <label id="isAllowUserRepeatMessage">允许用户相同信息上墙：<span class="btn btn-mini btn-success active disabled">已关闭</span>
          <a class="btn btn-mini btn-danger" href="javascript:void(0);">开启</a>
          <em style="display:none;">点击左下角保存按钮后生效</em>
        </label>

        <label style="display:none;">指定关键字自动上墙</label>
        <textarea id="autoWallMatchedWords" class="forbid-words-box" style="display:none;"></textarea>

        <label>敏感词过滤（多个敏感词用空格隔）
          <span class="btn-group">
            <a class="btn btn-mini btn-success active forbidWordsBtn " data-id="forbidWords">完全匹配</a>
            <a class="btn btn-mini forbidWordsBtn " data-id="completeForbidWords">不完全匹配</a>
          </span>
        </label>
        <textarea id="forbidWords" class="forbid-words-box"></textarea>
        <textarea id="completeForbidWords" style="display:none;" class="forbid-words-box"></textarea>

      </div>
      <button type="button" class="btn btn-success settingSaveBtn">保存并刷新</button>
    </div>

    <div id="content" style="display:none;">

      <ul class="nav nav-pills" id="navbar" >
        <li data-id="1" class="bar-message active"><a href="javascript:void(0);">上墙消息<span class="navNum"></span></a></li>
        <li data-id="2" class="bar-tag"><a href="javascript:void(0);">加星消息<span class="navNum"></span></a></li>
        <li data-id="3" class="bar-lottery"><a href="javascript:void(0);">中奖用户<span class="navNum"></span></a></li>
        <li data-id="4" class="bar-qr"><a href="javascript:void(0);">帐号信息</a></li>
        <li data-id="5" class="bar-ykq"><a href="javascript:void(0);">大屏幕遥控器</a></li>
      </ul>

      <div class="bar-container" data-id="1">
        <!-- 搜索 -->
        <div class="well searchBox search-box" style="display:none;">
          <a href="javascript:void(0);" class="btn btn-mini btn-link pull-right showAdminUrlBtn">在新窗口打开上墙消息(<em class="num"></em>)</a>
          <form id="searchForm">
              <label>状态/关键字</label>
              <select id="searchMsgType">
                <option value="-1">全部</option>
                <option value="1" selected="selected">已上墙</option>
                <option value="0">已下墙</option>
              </select>
              <input type="text" placeholder="输入关键字查询" id="searchText">
              <span class="help-block"></span>

              <label>消息发送日期</label>
              <input type="text" class="datetimepicker" id="searchStartTime">-<input type="text" class="datetimepicker" id="searchEndTime">
              <span class="help-block"></span>

              <button type="submit" class="btn btn-primary btn-mini searchBtn">查询</button>
              <button class="btn btn-danger btn-mini searchOffWallBtn">批量下墙符合此条件的墙上消息</button>
              <button class="btn btn-success btn-mini searchOnWallBtn" style="display:none;">批量上墙符合此条件的墙下消息</button>
          </form>
        </div>

        <!-- 上墙的消息框 -->
        <div class="message-list-box messageListBox" style="display:none;">

        </div>
        <div class="alert alert-success alert-box closeBox loadAllOverBox" style="display:none;">
          <button type="button" class="close">×</button>
          <strong>提示：</strong>
          <span>消息全部加载完毕</span>
        </div>
      </div>

      <div class="bar-container" data-id="2" style="display:none;">
        <!-- 搜索 -->
        <!-- <div class="well tarSearchBox search-box" style="display:none;">
          <form id="tagSearchForm">
              <label>状态/关键字</label>
              <input type="text" placeholder="输入关键字查询" id="tagSearchText">
              <span class="help-block"></span>

              <label>消息发送日期</label>
              <input type="date" id="searchStartTime">-<input type="date" id="searchEndTime">
              <span class="help-block"></span>

              <button type="submit" class="btn btn-primary btn-mini searchBtn">查询</button>
              <button class="btn btn-danger btn-mini searchOffWallBtn">批量下墙符合此条件的墙上消息</button>
              <button class="btn btn-success btn-mini searchOnWallBtn" style="display:none;">批量上墙符合此条件的墙下消息</button>
          </form>
        </div> -->

        <div class="well search-box"><button class="btn btn-danger btn-mini untagAllBtn">全部取消加星</button></div>

        <!-- 上墙的消息框 -->
        <div class="message-list-box tagMessageListBox">

        </div>
        <div class="alert alert-success alert-box closeBox tagLoadAllOverBox" style="display:none;">
          <button type="button" class="close">×</button>
          <strong>提示：</strong>
          <span>消息全部加载完毕</span>
        </div>
      </div>

      <div class="bar-container" data-id="3" style="display:none;">

        <div class="lottery-send-message-box well search-box" style="display:none;" id="lotterySendMessageBox">
          <p><strong>给所有中奖用户群发微信通知</strong></p>
          <p><textarea id="lotteryMsgBox" placeholder=""></textarea></p>
          <p><a href="###" class="btn btn-primary btn-small" id="sendLotteryMsgBtn">开始群发</a></p>
        </div>

        <!-- 上墙的消息框 -->
		<div class="pagination pagination-left hidden winnerPage" style="margin:10px 0;">
              <ul>
                <li class="disabled"><a href="#">«</a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">»</a></li>
             </ul>
         </div>
        <div class="message-list-box lotteryUserListBox">

        </div>
      </div>

      <div class="bar-container" data-id="4" style="display:none;">
        <div class="message-list-box qrBox">
          <div class="media message-box">
            <img width="200" class="media-object qrImg pull-left">
            <div class="media-body" style="margin-top: 30px;">
              <h4 class="media-heading" style="margin-bottom:25px;">
                微信名称：<span class="qrName"></span>
              </h4>
              <p><a href="javascript:void(0);" class="btn btn-primary" id="reconfigBtn" title="点此重新生成您大屏幕上的二维码">重新配置</a></p>
              <p style="color: red; display:none;">每个大屏幕只能重新配置1次，请谨慎操作!<br>
			    <a class="btn btn-primary continueReconfig" style="margin-top: 10px;">继续</a>
			    &nbsp;&nbsp;&nbsp;
			    <a class="btn btn-primary cancelReconfig" style="margin-top: 10px;">取消</a>
			  </p>
			</div>
          </div>
        </div>
      </div>
      
      <div class="bar-container" data-id="5" style="display:none;">
        <div class="message-list-box">
          <div class="media message-box">
            <img width="200" class="media-object pull-left ykqQr">
            <div class="media-body" style="margin-top: 30px;">
              <h4 class="media-heading" style="margin-bottom:25px;">
                手机扫描二维码<span class="ykqQrName"></span>
              </h4>
              <p><a href="javascript:void(0);" class="btn btn-primary" id="resetYkqQrBtn" title="点此重新生成遥控器二维码">重置二维码</a></p>
            </div>
          </div>
        </div>
      </div>

  </div>

  <!-- qq登录弹层 -->
  <!-- 授权框 -->
  <div id="authbox" style="position: absolute; top:10px;z-index: 10015;left:10px;width: 710px;height: 420px;overflow: hidden;display:none" >
    <iframe src="" id="authFloat" scrolling="no" style="position: absolute; height: 420px; width: 710px; border: 0; z-index: 10020;"></iframe>
  </div>
  <div id="authbox_bg" style="position:absolute;top:0px;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:0.5;display:none;z-index:10010;">&nbsp;</div>
  <!-- 授权框 end-->

  <script src="/module/jquery/jquery-1.7.1.min.js"></script>
  <script src="/module/bootstrap/js/bootstrap-datetimepicker.js"></script>

  <script
    src="/module/seajs-2.0.0/sea.js"
    data-config="/module/config/config.js"
    data-main="/module/popup/popup.js">
  </script>

</body>
</html>
